<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>党的创始人</title>
		<link rel="stylesheet" href="{{ STATIC_URL }}open/css/second.css">
		<link rel = 'stylesheet' href="{{ STATIC_URL }}open/font_2669378_1z1i76b0nw9/iconfont.css">
		<link rel="stylesheet" href="{{ STATIC_URL }}open/css/sortable.min.css">
		<script type="text/javascript" src="{{ STATIC_URL }}js/sortable.min.js"></script>
		<!--插入背景音乐-->
		<audio id="myaudio" controls="controls" src="{{ STATIC_URL }}open/music/bkmusic.mp3" autoplay="autoplay" loop="loop" style="height: 0;" >

		</audio>
		<script type="text/javascript">
			function toggleSound(){
				var music=document.getElementById("myaudio");//获取id
				console.log(music);
				console.log(music.paused);
				if(music.paused){   //判断是否播放
					music.paused = false;
					music.play();
				}
			}
			setInterval("toggleSound()",1);
		</script>
	</head>
	<body>
		<!-- 巨屏轮播图 -->
		<div id="app"></div>

		<script src='{{ STATIC_URL }}js/react.min.js'></script>
		<script src='{{ STATIC_URL }}js/react-dom.min.js'></script>
		<script src='{{ STATIC_URL }}js/index.min.js'></script>



		<!-- 瀑布流 -->
		<main class="sortable">
			<div class="container">
				<div class="wrapper">
					<!-- <ul class="sortable__nav nav">
						<li>
							<a data-sjslink="all" class="nav__link">
								所有
							</a>
						</li>
						<li>
							<a data-sjslink="flatty" class="nav__link">
								扁平化
							</a>
						</li>
						<li>
							<a data-sjslink="funny" class="nav__link">
								收起
							</a>
						</li>
					</ul> -->
					<div id="sortable" class="sjs-default">
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="./images/mzd.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">毛泽东</h2>
									<p class="card__text">
									毛泽东于1893年出生于湖南省湘潭县韶山冲，此前两个哥哥早亡，父母怕他活不长，所以将他寄托给一个“石神”保佑。因此，毛泽东又被称为“石三”。
										他8岁开始读孔夫子的圣贤书，13岁时由于父亲的干预而辍学三年。等到16岁时他到湘乡县东山小学读书，他才初露风采，以其作文的出众而受到老师、学生的称赞，在校内小有名气。但此时他的文章在侪辈中也不是最出色的。
										1921年，毛泽东参加中共一大，成为中共的创始人之一。1923年，在三大上当选中央委员、中央局秘书。1927年领导秋收起义，创建工农红军，开辟第一个农村革命根据地。这样，在20年代，毛泽东无论在党内还是党外都获得了广泛的关注，成了一个在全国范围内有广泛影响的重量级人物。
										40年代末，毛泽东领导指挥了三大战役，渡江战役，推翻了蒋介石政府，于1949年10月1日在天安门上宣布了中华人民共和国的成立。中国的历史从此改写。综观其一生，他不仅功大于过，而且可以说是20世纪世界最伟大的历史人物之一。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/wjm.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">王尽美</h2>
									<p class="card__text">
										王尽美原名瑞浚（1898－1925），籍贯：山东莒县人。
											1919年积极参加五四运动，组织进步团体励新学会，主编《励新》半月刊。1920年与邓恩铭、鲁伯峻等建立马克思学说研究会、山东共产主义小组。
											1921年出席中国共产党第一次全国代表大会。会后任中共山东区支部书记，中共山东地方委员会书记。是中共一、二、四大代表。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/lhj.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">李汉俊</h2>
									<p class="card__text">
										李汉俊原名书诗（1890－1927），
											籍贯：湖北省潜江县人。
											1902年留学日本。1918年回国。1920年和陈独秀共同发起组织上海共产主义小组。后负责上海共产主义小组工作，并参加《新青年》杂志的编辑工作。1921年出席中国共产党第一次全国代表大会。1923年在中国共产党第三次全国代表大会上，当选为候补中央委员，后脱党。曾任武昌高师、武汉大学教授，汉口市政督办公署总工程师，北洋军阀政府外交部秘书，国民党湖北省党部委员，湖北省政府委员兼教育厅厅长。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/hsh.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">何叔衡</h2>
									<p class="card__text">
										何叔衡（1876－1935），
											籍贯：湖南省宁乡县人。
											1918年参加新民学会，曾任执行委员长。1920年与毛泽东等发起组织俄罗斯研究会，并参加了湖南共产主义小组。1921年出席中国共产党第一次全国代表大会。会后和毛泽东一起回到湖南开展建党活动。1928年去苏联学习。同年在莫斯科参加中国共产党第六次代表大会。1930年回国后，在上海负责全国互济会工作。1931年到中央革命根据地，任中华苏维埃共和国中央执行委员会委员，中央政府农检查部部长，内务部代理部长和中央政府临时法庭主席。1934年中央红军主力长征后，留在根据地坚持斗争。
											1935年2月24日，从江西向福建转移途中，在长汀突围战斗中牺牲
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/dbw.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">董必武</h2>
									<p class="card__text">
									董必武原名贤琮（1885－1975），籍贯：湖北省黄安县（今红安）人。
										1911年加入同盟会，参加了辛亥革命。“二次革命”失败后，到东京日本大学攻读法律，参加孙中山的中华革命党。1915年回国参加反袁斗争，曾两度被捕。后来参加了孙中山领导了护法运动。1920年同陈潭秋等成立了武汉共产主义小组。1921年出席中国共产党第一次全国代表大会，后任中共武汉区委执行委员，中共武汉地委书记，中共湖北省委委员。国共合作后，参加筹建国民党湖北省各级党部的工作。大革命失败后，去苏联学习。1932年回国后，任红军大学上级干部队政治委员，中央工农检查委员会副主任、代主任，中央党校教务长、校长，中华苏维埃中央执行委员，中央党务委员会书记，最高法院院长。陕甘宁边区政府代理主席。参加了长征。抗日战争时期，长期在武汉、重庆等地从事统战工作。放战争时期，任中共中央工作委员会常委，华北局书记处书记，华北人民政府主席。
										中华人民共和国成立后，任中华人民共共和国副主席。代主席。是全国人大副委员长，第二届全国政协副主席，中共一大代表，第七至第九届中央政治局委员，第八届监委书记，第十届中央政治局常委。1975年4月2日，在北京病逝。作收入《董必武选集》。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/dem.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">邓恩铭</h2>
									<p class="card__text">
										邓恩铭原名恩明（1901－1931），水族，籍贯：贵州省荔波县人。
										1919年参加五四运动。与王尽美等组织进步团体励新学会，出版《励新》半月刊。1920年成立山东马克思学说研究会。1921年与王尽美、王翔千等成立济南共产主义小组。同年出席中国共产党第一次全国代表大会。会后任中共山东区支部委员。1927年参加中国共产党第五次全国代表大会，会后任中共山东省委书记，中共青岛市委书记。
										1928年12月，因叛徒告密被捕，1931年4月5日，在济南牺牲。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/ctq.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">陈潭秋</h2>
									<p class="card__text">
									陈潭秋原名澄（1896－1943），籍贯：湖北省黄冈县人。
										1920年与董必武、包惠僧等发起组织武汉共产主义小组，并参加建立社会主义青年团。1921年出席中国共产党第一次全国代表大会AD后在中共武汉区委负责组织工作。1927年大革命失败后，任中共江西省委书记，中共江苏省委组织部部长，中共中央组织部秘书，中共顺直（今河北）省委宣传部长，中共满洲省委书记。1930年在哈尔滨被捕。1932年获释后回上海，任中共江苏省委秘书长。
										1933年赴中央革命根据地，任中共福建省委书记，中央工农民主政府粮食人民委员（粮食部长）。1935年去上海指导左联工作。后赴苏联入列宁学院研究班学习，并参加中共驻共产国际代表团的工作。1939年回国，化名徐杰，任中共驻新疆代表和八路军新疆办事处主任，和毛泽民、林基路等领导新疆的革命斗争。
										1942年被新疆统治者盛世才逮捕。1943年9月27日，在迪化（今乌鲁木齐）被秘密杀害。生前曾被中共五大选为候补中央委员。牺牲后，由于消息隔绝，在党的七大仍被选为中央委员。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/cgb.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">陈公博</h2>
									<p class="card__text">
									陈公博（1890－1946），籍贯：广东省南海县人。
									1920年北京大学毕业后，在广州参与创办《群报》。1921年参加广东共产主义小组。同年出席中国共产党第一次全国代表大会AD1922年投靠广东军阀陈炯明，后逃亡日本。1923年被中共开除党籍。同年到美国学习。1925年毕业后回国，任广东大学教授。同年加入国民党。1927年与汪精卫发动“七·一五”反革命政变。后任广州军事委员会分会委员兼政治部主任，参与镇压广州起义。
									1928年在上海成立中国国民党改组同志会，拥护汪精卫为领袖，反对蒋介石，成为国民党改组派的首领，1938年随汪精卫投敌叛国。1940年汪伪政权成立后，任立法院院长，上海市市长兼上海市保安司令、清乡委员会副委员长。汪精卫死后，继任伪国民政府主席、军事委员会委员长、行政院院长。
									抗日战争胜利后逃亡日本，1945年10月被提解回国。1946年6月在苏州监狱被枪决。

									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/zfh.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">周佛海</h2>
									<p class="card__text">
									周佛海原名福海（1897－1948），籍贯：湖南省沅陵县人。
										1917年留学日本。1920年在上海参加共产主义小组。返回日本后，组织旅日共产主义小组。1921年出席中国共产党第一次全国代表大会。1924年脱离共产党。曾在广州大学、黄埔军校、武汉大学和武汉商学院任教。1927年四一二反革命政变后，投靠蒋介石国民党，任南京中央军校、政治部主任，国民革命军政训处处长兼总司令部政治处长，国民党中央宣传部代理部长，蒋介石侍从室二处副主任。曾参与筹建国民党蓝衣社特务组织。抗日战争开始后，于1938年随汪精卫叛国投敌。1940年汪伪政权成立后，任财政部长兼警政部长，伪行政院副院长兼上海市市长，中央储备银行总裁。1945年日本投降后，被国民党军事委员会任命为上海行动总队总指挥。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/bhz.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">包惠僧</h2>
									<p class="card__text">
									包惠僧（1894－1979），籍贯：湖北省黄冈县。
										1919年参加五四运动。1920年参加共产主义小组。同年参与组织中共武汉临时支部，任支部书记。1921年出席中国共产觉第一次全国代表大会。后在上海参加编辑《劳动周刊》。1922年后，任中国劳动组合书记部长江支部主任，中共北京区委员会委员兼秘书，中共武汉区委员会委员长。1924年第一次国共合作时期，以中共党员身份加入国民党，曾任黄埔军校政治部主任。1927年大革命失败后，脱离了中共党组织。1931年后，任国民党陆海空军总司令部参议，国民党军事委员会秘书，人口局局长。1948年到澳门。
										1949年回到北京。1950年入华北人民革命大学政治研究院学习。后任内务部研究员、参事，国务院参事。1979年病逝。著有《二七工潮始末》、《包惠僧回忆录》等。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/zgx.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">张国焘</h2>
									<p class="card__text">
										张图焘原名特立（1897－1979），籍贯：江西省萍乡县人。
										1919年任北大学生干事会副主任、部务主任，北京学生联合会主席，积极参加和领导五四爱国运动。1920年参加建立北京共产主义小组和北京社会主义青年团，并致力于京汉铁路工人运动，1921年出席中国共产党第一次全国代表大会，被举为大会主席，并被选为中央局委员，任组织主任。1926年任中共江西省委书记，中共湖北省委书记。1927年赴莫斯科参加中共第六次全国代表大会，仍被选为中央政治局委员，会后留任中共驻共产国际代表团副团长。1931年回国，任鄂豫皖中共中央分局书记兼军委主席，中央工农民主政府副主席。1935年中央红军长征到达四川懋功和四方面军会合后，任红军总政治委员。反对中央关于红军北上决定，坚持南下退却主张，另立中央，进行分裂党和红军的罪恶活动。1936年任中共中央西北局书记，1937年任陕甘宁边区政府代主席。在此期间，中共中央曾召开延安会议，对他的右倾分裂主义和反党行为作了系统批判，并作出相应的决议。但他拒不悔改，1938年4月逃往武汉，投人国民党特务集团，随即被中共中央开除党籍。1940年至1945年，任国民党国民参政会第二、三、四届参政员。
										1949年后，脱离中国大陆，流落海外。1979年12月，在加拿大多伦多病死。著有《我的回忆》。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/ld.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">李达</h2>
									<p class="card__text">
									李达（1890－1966），籍贯：湖南省零陵县入
										1913年留学日本。1920年回国，同陈独秀等人建立共产主义小组，任小组理论刊物《共产党》月刊主编，并参加《新青年》的编辑工作。1921年2月，代理上海共产主义小组书记，主持筹备中共一大工作。7月出席中国共产党第一次全国代表大会，当选为宣传局主任，主持创办中共第一个秘密出版机构——人民出版社。7月出席中国共产党第二次全国代表大会，当选为中央委员。
										1923年因与陈独秀商谈国共合作问题发生争执，脱离中国共产党。此后在湖南大学任教授，讲授马克思主义社会学。大革命失败后，先后在武昌、上海、北京、湖南、广西等地各大学任教，继续坚持宣传马列主义。1949年出席中国人民政治协商会议第一届全体会议。
										中华人民共和国成立后，重新加入中国共产党。任中央人民政府政务院文化教育委员会委员、法制委员会委员，北京政法大学副校长，湖南大学校长，武汉大学校长。“文化大革命”开始后受到迫害，1966年8月24日，在武汉去世。著作收入《李达文集》。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/lrj.jpeg" alt="">
								<div class="card-infos">
									<h2 class="card__title">刘仁静</h2>
									<p class="card__text">
									刘仁静（1902－1987），籍贯：湖北应城人。
										中学时期曾参加恽代英组织的互助社。1918年考入北京大学，1919年参加五四运动。同年参加“少年中国学会”。1920年以后，积极参加马克思学说研究会、北京共产主义小组和社会主义青年团的活动。1921年被选为中共北京小组代表，出席中国共产党第一次代表大会，参加建党工作。
										结局：1950年在《人民日报》发表公开声明，承认错误，表示诚心拥护中国共产党。此后，长期担任人民出版社特约编辑，从事翻译工作。1987年任国务院参事室参事。同年8月因车祸去世。
									</p>
								</div>
							</div>
						</div>
						
						
						
					</div>
				</div>
			</div>
		</main>

		<script type="text/javascript">
			document.querySelector('#sortable').sortablejs()
		</script>
		
		<div class="footer">
			<div class="location">
				<p><a href="{{ SITE_URL }}founder/">当前位置</a>&nbsp;&nbsp;&nbsp;>>&nbsp;&nbsp;&nbsp;
					<a href="{{ SITE_URL }}founder/">党的创始人</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</p>
			</div>
			
				<div class="footer_nav">
					<span class="iconfont icon-huabian-15"></span><span class="iconfont icon-huabian-15"></span><span class="iconfont icon-huabian-15"></span>
				
				</div>
				<p><br></p>
				<ul>
					<li>
						<span class="iconfont icon-dangjian"></span>
						<a href="{{ SITE_URL }}">首页</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-fazhan1"></span>
						<a href="{{ SITE_URL }}marchOneHundred/">百年征程</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-dangyuan"></span>
						<a href="{{ SITE_URL }}founder/">党的创始人</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-huojianfeiyue"></span>
						<a href="{{ SITE_URL }}leap/">伟大的飞跃</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-dahuiricheng"></span>
						<a href="{{ SITE_URL }}congress/">党的全国代表大会</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-sixiangjianshe"></span>
						<a href="{{ SITE_URL }}ideology/">中国共产党指导思想</a>
					</li>
				</ul>
			</div>		


	</body>
<script>
	class CitiesSlider extends React.Component {
	constructor(props) {
		super(props);

		this.IMAGE_PARTS = 4;

		this.changeTO = null;
		this.AUTOCHANGE_TIME = 4000;

		this.state = {
			activeSlide: -1,
			prevSlide: -1,
			sliderReady: false
		};
	}

	componentWillUnmount() {
		window.clearTimeout(this.changeTO);
	}

	componentDidMount() {
		this.runAutochangeTO();
		setTimeout(() => {
			this.setState({
				activeSlide: 0,
				sliderReady: true
			});
		}, 0);
	}

	runAutochangeTO() {
		this.changeTO = setTimeout(() => {
			this.changeSlides(1);
			this.runAutochangeTO();
		}, this.AUTOCHANGE_TIME);
	}

	changeSlides(change) {
		window.clearTimeout(this.changeTO);
		const {
			length
		} = this.props.slides;
		const prevSlide = this.state.activeSlide;
		let activeSlide = prevSlide + change;
		if (activeSlide < 0) activeSlide = length - 1;
		if (activeSlide >= length) activeSlide = 0;
		this.setState({
			activeSlide,
			prevSlide
		});
	}

	render() {
		const {
			activeSlide,
			prevSlide,
			sliderReady
		} = this.state;
		return /*#__PURE__*/ (
			React.createElement("div", {
					className: classNames('slider', {
						's--ready': sliderReady
					})
				}, /*#__PURE__*/
				React.createElement("p", {
					className: "slider__top-heading"
				}, "FOUNDER OF THE PARTY"), /*#__PURE__*/
				React.createElement("div", {
						className: "slider__slides"
					},
					this.props.slides.map((slide, index) => /*#__PURE__*/
						React.createElement("div", {
								className: classNames('slider__slide', {
									's--active': activeSlide === index,
									's--prev': prevSlide === index
								}),
								key: slide.city
							}, /*#__PURE__*/

							React.createElement("div", {
									className: "slider__slide-content"
								}, /*#__PURE__*/
								React.createElement("h3", {
									className: "slider__slide-subheading"
								}, slide.country || slide.city), /*#__PURE__*/
								React.createElement("h2", {
										className: "slider__slide-heading"
									},
									slide.city.split('').map(l => /*#__PURE__*/ React.createElement("span",
										null, l))), /*#__PURE__*/

								React.createElement("p", {
									className: "slider__slide-readmore"
								}, "查看详情>>")), /*#__PURE__*/

							React.createElement("div", {
									className: "slider__slide-parts"
								},
								[...Array(this.IMAGE_PARTS).fill()].map((x, i) => /*#__PURE__*/
									React.createElement("div", {
											className: "slider__slide-part",
											key: i
										}, /*#__PURE__*/
										React.createElement("div", {
											className: "slider__slide-part-inner",
											style: {
												backgroundImage: `url(${slide.img})`
											}
										}))))))), /*#__PURE__*/






				React.createElement("div", {
					className: "slider__control",
					onClick: () => this.changeSlides(-1)
				}), /*#__PURE__*/
				React.createElement("div", {
					className: "slider__control slider__control--right",
					onClick: () => this.changeSlides(1)
				})));


	}
}


const slides = [{
		city: '南陈北李，相约建党',
		country: '1920年',
		img: '{{ STATIC_URL }}open/images/ddcsr_4.jpg'
	},
	{
		city: '中国第一个共产主义小组成立',
		country: '1920年8月',
		img: '{{ STATIC_URL }}open/images/ddcsr_1.jpg'
	},

	{
		city: '中国共产党成立',
		country: '1921年7月23日',
		img: '{{ STATIC_URL }}open/images/ddcsr_2.jpg'
	},

	{
		city: '“三大”召开，国共合作',
		country: '1923年6月',
		img: '{{ STATIC_URL }}open/images/ddcsr_3.jpg'
	},
];



ReactDOM.render( /*#__PURE__*/ React.createElement(CitiesSlider, {
	slides: slides
}), document.querySelector('#app'));

</script>
</html>
